<template>
	<view>
		<view class="cont">
			<view class="cont-top">
				<view class="cont-top-t">
					基金介绍
				</view>
				<view class="cont-top-b" >
					<div v-html="jijinInfo.project_desc"></div>
				</view>
			</view>
			<view class="cont-top">
				<view class="cont-top-t">
					人物介绍
				</view>
				<view class="cont-top-b">
					<div v-html="jijinInfo.user_desc"></div>
				</view>
			</view>
			<view class="cont-top">
				<view class="cont-top-t">
					合同照片
				</view>
				<view class="cont-top-b-m">
				  <view class="must_box" v-for="(item,index) in jijinInfo.images_attr" :key ="item.id">
				  	<image :src="item" mode="widthFix" class="imgf"></image>
				  </view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import http from '@/shopro/request/index.js';
	export default {
		data() {
			return {
				jijinInfo:{}
			};
		},
		onLoad(options) {
			console.log("===options.name",options)
			uni.setNavigationBarTitle({
				title:uni.getStorageSync("pageName")
			})
			this.getDetail(options.id)
		},
		methods:{
			getDetail(id){
				http('city.jijinDetail',{id})
				.then(res=>{
					console.log(res);
					this.jijinInfo = res.data
				})
				.catch((err) => {
					
				})
			},
		}
	}
</script>

<style lang="scss">
page{
	background-color: #fff;
}
.cont{
	padding: 0 30rpx;
	.cont-top{
		margin: 26rpx 0 45rpx;
	}
	.cont-top-t{
		width: 141rpx;
		height: 35rpx;
		font-family: PingFang;
		font-weight: bold;
		font-size: 36rpx;
		color: #020202;
		line-height: 30rpx;
	}
	.cont-top-b{
		font-family: PingFang;
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
		line-height: 50rpx;
		margin-bottom: 37rpx;
	}
	.cont-top-b-m{
		display: flex;
		flex-wrap: wrap;
		margin-top: 38rpx;
		.must_box{
			//width: 216rpx;
			// height: 280rpx;
			margin: 8rpx;
			background-color: #020202;
			
       	.img{
				//width: 216rpx;
				//height: 280rpx;
				
			}
		}
	}
}
</style>
